 // 获取加载画面元素
    const loader = document.getElementById('globalLoader');
    const progressBar = document.getElementById('loaderProgress');
    let progressTimer = null;

    // 显示加载画面并模拟进度
    function showLoader() {
      loader.classList.add('show'); // 显示加载画面
      progressBar.style.width = '0%'; // 重置进度条
      
      // 模拟进度增长（每次+5%~10%）
      let progress = 0;
      clearInterval(progressTimer);
      progressTimer = setInterval(() => {
        progress += Math.random() * 5 + 5; // 5%-10% 随机增长
        if (progress >= 90) { // 最多到90%，留10%等页面加载完成
          progress = 90;
          clearInterval(progressTimer);
        }
        progressBar.style.width = progress + '%';
      }, 200);
    }

    // 隐藏加载画面（补全进度）
    function hideLoader() {
      progressBar.style.width = '100%'; // 进度条拉满
      setTimeout(() => {
        loader.classList.remove('show'); // 隐藏加载画面
        clearInterval(progressTimer);
      }, 300); // 等待进度条动画完成
    }

    // 示例1：页面加载时显示加载画面（模拟初始加载）
    window.addEventListener('load', () => {
      // 页面加载完成后隐藏
      hideLoader();
    });
    // 页面开始加载时显示
    showLoader();

    // 示例2：点击链接跳转时显示加载画面
    const links = document.querySelectorAll('.nav-link');
    links.forEach(link => {
      link.addEventListener('click', (e) => {
        // 阻止默认跳转，先显示加载画面
        e.preventDefault();
        const targetUrl = link.href;
        
        showLoader();
        // 延迟300ms跳转（让用户看到加载动画）
        setTimeout(() => {
          window.location.href = targetUrl;
        }, 900);
      });
    });